<template>
    <div class="top">
        <div class="head">
            <p><input type="checkbox" name="" style="width: 30px; height: 30px" />&nbsp;小米自营</p>
            <span>&#65533;&nbsp; 以免运费</span>
        </div>
        <topdata></topdata>
        <topdata></topdata>
        <topdata></topdata>
    </div>
</template>

<script>
import topdata from './top-data';
export default {
    name: 'top-data',
    props: {},
    components: {
        topdata
    }
};
</script>

<style lang="scss" scoped>
.top {
    .head {
        height: 30px;
        display: flex;
        align-items: center;
        font-weight: bolder;
        font-size: 20px;
        justify-content: space-between;
        span {
            font-weight: normal;
            margin-right: 15px;
            font-size: 18px;
            color: rgb(209, 209, 209);
        }
    }
}
</style>
